<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>易金所</title>
    <!-- 共用css -->
    <link rel="stylesheet" href="../../public/css/common.css">
    <!-- supplyInfo.css -->
    <link rel="stylesheet" href="../../static/home/css/iouOrder.css">

</head>
<body>

    <!-- 状态栏 -->
    <header class="primaryBg">
        <a href="./borrowAmount.html" class="backBtn"><img src="../../public/image/backicon.png" alt=""></a>
        <h1>借条订单</h1>
    </header>

    <!-- 内容 -->
    <article>

        <!-- sectionOne -->
        <section class="sectionOne">

            <button class="active">全部</button>
            <button>还款中</button>
            <button>已还清</button>

        </section><!-- sectionOne -->

        <!-- sectionTwo -->
        <section class="sectionTwo">
            <div class="dlContent">
                <a href="./iouOrderDetails.html" class="ddContent">
                    <img src="../../public/image/xiangu.png" alt="">
                    <div>
                        <h3>香菇菌棒一级品种... <span>857.90</span></h3>
                        <p>2016-12-10 <span>已还清</span></p>
                    </div>
                </a>
                <a href="./iouOrderDetails.html" class="ddContent">
                    <img src="../../public/image/xiangu.png" alt="">
                    <div>
                        <h3>香菇菌棒一级品种... <span>857.90</span></h3>
                        <p>2016-12-10 <span class="primaryColor">还款中</span></p>
                    </div>
                </a>
                <a href="./iouOrderDetails.html" class="ddContent">
                    <img src="../../public/image/xiangu.png" alt="">
                    <div>
                        <h3>香菇菌棒一级品种... <span>857.90</span></h3>
                        <p>2016-12-10 <span>已还清</span></p>
                    </div>
                </a>
                <a href="./iouOrderDetails.html" class="ddContent">
                    <img src="../../public/image/xiangu.png" alt="">
                    <div>
                        <h3>香菇菌棒一级品种... <span>857.90</span></h3>
                        <p>2016-12-10 <span class="primaryColor">还款中</span></p>
                    </div>
                </a>
                <a href="./iouOrderDetails.html" class="ddContent">
                    <img src="../../public/image/xiangu.png" alt="">
                    <div>
                        <h3>香菇菌棒一级品种... <span>857.90</span></h3>
                        <p>2016-12-10 <span>已还清</span></p>
                    </div>
                </a>
                <a href="./iouOrderDetails.html" class="ddContent">
                    <img src="../../public/image/xiangu.png" alt="">
                    <div>
                        <h3>香菇菌棒一级品种... <span>857.90</span></h3>
                        <p>2016-12-10 <span>已还清</span></p>
                    </div>
                </a>
            </div>
        </section><!-- sectionTwo -->

    </article>

</body>
</html>

<!-- 共用js -->
<script src="../../public/js/common.js"></script>